<!--# layout("/common/layout.html",{"jsBase":"/js/order/settlement/"}){ -->
<style>
 #small-cart {
        position:absolute;
        bottom:40px;
        right:100px;
        z-index: 100;
        cursor: pointer;
    }
.open-small-cart img { width:58px; height:74px; }
    #small-cart .badge {
        position: absolute;
        top: -15px;
        right: -10px;
        cursor: pointer;
        min-width:32px;
        min-height:32px;
        display:block;
        background:#FFFFFF;
        color:#D81E06;
        font-size:14px;
        border-radius:50%;
        line-height:32px; text-align:center;
        box-shadow:1px 2px  5px #666666;
        border:1px solid #E4E4E4;

    }

	div span,table th{
		font-family: '微软雅黑';color:#333333;text-align:center;
	}
 table td{font-family: '微软雅黑';color:#333333;text-align:center;font-size: 18px;}
 button span{font-family: '微软雅黑';color:#ffffff;font-weight:bold;font-size: 16px;}
	button{border-radius: 6px;width: 132px;height: 32px;background: #fb363e;}
</style>
<body>

	 <div id="small-cart" >
	 <span class="badge badge-warning pull-right" id="cartNum">${count}</span>
	 <a class="open-small-cart" id="open-small-cart" >
        <img src="https://ziyunoss.oss-cn-hangzhou.aliyuncs.com/quote/images/shop_01.png">
    </a>
	 </div>
        	<div class="layui-row"  style="background: #efefef;height:52px;">
			 	<span style="font-size: 18px;font-weight:bold;position: absolute;top: 3.4%;">&emsp;${countPrice.productVO.productName}&emsp;</span>
        		<span style="font-size: 18px;position: absolute;top: 3.4%;left:10%">(工厂报价列表)</span>
			</div>

     		<div class="layui-container" style="width: 85%;height:700px;margin-left:30px;overflow: auto;">
                   <table class="layui-table" style="">
	                   	<colgroup>
							<col width="154">
							<col width="368">
							<col width="108">
							<col width="108">
							<col width="216">
							<col width="152">
							<col width="178">
							<col width="160">
                        <thead>
                            <tr style="height:52px;">
                                <th style="font-size: 16px;font-weight:bold;">印刷厂</th>
                                <th style="font-size: 16px;font-weight:bold;">联系方式及地址</th>
                                <th style="font-size: 16px;font-weight:bold;">QQ</th>
                                <th style="font-size: 16px;font-weight:bold;">配送范围</th>
                                <th style="font-size: 16px;font-weight:bold;">强项</th>
                                <th style="font-size: 16px;font-weight:bold;">报价</th>
                                <th style="font-size: 16px;font-weight:bold;">价格详情</th>
                                <th style="display:none;">价格详情</th>
                                <th style=" font-size: 16px;font-weight:bold;">下单</th>
                            </tr>
                        </thead>

                        <!--#
	          		 	for (factoryQuoteInfo  in countPrice.factoryQuoteInfos){  -->
                            <tr style="height:142px;">
                                <td style=" ">${factoryQuoteInfo.factoryInfoVO.factoryName}</td>
                                <td style="text-align:left;">
                                    <div class="contact">
                                        <p style=" ">姓名：${factoryQuoteInfo.factoryInfoVO.contacts}</p>
                                        <p style=" ">联系方式：${factoryQuoteInfo.factoryInfoVO.contactWay}</p>
                                        <p style=" ">联系地址：${factoryQuoteInfo.factoryInfoVO.address}</p>
                                    </div>
                                </td>
                                <td><a  href="tencent://message/?uin=${factoryQuoteInfo.factoryInfoVO.qq}&Site=sc.chinaz.com&Menu=yes"  style="font-family: '微软雅黑';color:#3d83e4;text-align:center;font-size: 16px;">在线沟通</a></td>
                                <td style=" ">全国</td>
                                <td style=" ">名片，拼版不干胶</td>
                                <td style="font-family: '微软雅黑';color:#ec0000;text-align:center;font-size: 16px;">￥${factoryQuoteInfo.totalPrice}</td>
                                <td style="display:none;">

							<div style="display: none" id="${factoryQuoteInfo.factoryInfoVO.id}detailForm">

							<div class="layui-container"   style="margin-left:20px;margin-top:20px;width: 96%;border:1px solid #868686">
								<div class="layui-row"  style="height:16px"></div>
									<table class='layui-table ' style='text-align:center;font-family: '微软雅黑';color:#868686;font-size: 12px;' >
												<!--#	for(qvo in countPrice.productVO.productInfoParamList){ -->
												<tr style='height:42px'>
		                                		<td rowspan="2"> ${qvo.partsName} </td>
		                                		<td>具体参数</td>
		                                		<td>${qvo.basicParam}</td>
		                                		</tr>
												<tr>
													<td>后续工艺</td>
													<td>${qvo.craftParam}</td>
													</tr>
												<!--# } -->
								</table>
							</div>
							<div class="layui-container" style="margin-left:8px;margin-top:20px;width: 99%;">
                                 		<table class='layui-table ' style='text-align:center;font-family: '微软雅黑';color:#868686;font-size: 12px;' >
											<colgroup>
			  									 <col width="240">
			   									 <col width="102">
			   									 <col width="188">
			   									 <col width="100">
			  									 <col width="132">
 												 <col width="176">
										   </colgroup>
		                                	<thead >
			                               	 <tr style='height:42px'>
			                                	<th style='text-align:center;'>部件</th>
			                                	<th style='text-align:center;'>印刷机</th>
			                                	<th style='text-align:center;'>进纸尺寸</th>
			                                	<th style='text-align:center;'>印刷费</th>
			                                	<th style='text-align:center;'>纸张价格</th>
			                               	 	<th style='text-align:center;'>后工序费用</th>
			                                </tr>
		                               		</thead>
		                                	<tbody>
								 <!--#
	          		 			for (paperInfoVO  in factoryQuoteInfo.paperInfoVOs){ var totalPrice =paperInfoVO.totalPrice; -->
		                                	<tr style='height:42px'>
		                                		<td>${paperInfoVO.partName}</td>
		                                		<td>${paperInfoVO.printMachineName}</td>
		                                		<td>${paperInfoVO.cutSizes}</td>
		                                		<td>${paperInfoVO.printPrice}</td>
		                                		<td>${paperInfoVO.paperPrice}</td>
		                                		<td>${paperInfoVO.craftPrice}</td>
		                                	</tr>
 								<!--# } -->
		                                	<tr style='height:44px'>
												<td colspan="6" style="font-family: '微软雅黑';color:#868686;text-align:right;font-size: 14px;">总价：${factoryQuoteInfo.totalPrice}</td>
											</tr>
		                                </tbody>

                               		 </table>

								</div>

							 </div>


                                </td>
                                <td style="text-align:center;">
                                	<button  id='priceDetail' value="${factoryQuoteInfo.factoryInfoVO.id}">
		      							<span>&emsp;价格明细&emsp;</span>
		      						</button>
                                <td style="text-align:center;">
                                <div>
		      							<button id="goDown"  style="background: #3d83e4;" value="${factoryQuoteInfo.factoryInfoVO.id}">
		      							<span>&emsp;去下单&emsp;</span>
		      						</button>
		      							<button id="addQuoteCart"   value="${factoryQuoteInfo.factoryInfoVO.id}" >
		      							<span>&emsp;加入购物车&emsp;</span>
		      						</button>
                                </div>
                                </td>
                            </tr>

                           <!--# } -->

                   </table>
                  </div>


                   <div style="display: none" class="orderItemDiv">
    <table  id="orderItem" lay-filter="orderItem"></table>
</div>
<!--#} -->
<script>
layui.use(['index'], function(){
    var quoteCountPriceIndex = layui.index;
    quoteCountPriceIndex.init();


});
</script>
